
div.pipline {
	 width: 40%;
	 height: 300px;
	 background-color: rgba(64, 78, 121, 1);
	 box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	 margin:4%;
	 border-radius: 20px;
	 padding: 5px;
	 float: left
}

div.pipline img {
	width: 100%;
	height: 80%;
	object-fit: cover;
	border-radius: 20px 20px 0 0;
}
div.container {
	text-align: center;
	padding: 10px 20px;
}
div.title {
	text-align: center;
	font-size: 0.8em;
	color: rgb(3, 112, 189);
	margin-bottom: 10px;
}

.grid-content {
	display: flex;
	align-items: center;
	/* height: 100px; */
}

.grid-cont-right {
	flex: 1;
	text-align: center;
	font-size: 14px;
	color: #999;
}

.grid-num {
	font-size: 30px;
	font-weight: bold;
}

.grid-con-icon {
	font-size: 50px;
	width: 100px;
	height: 100px;
	text-align: center;
	line-height: 100px;
	color: #fff;
}

.grid-con-1 .grid-con-icon {
	background: rgb(4, 140, 240);
}

.grid-con-1 .grid-num {
	color: rgb(45, 140, 240);
}

.grid-con-2 .grid-con-icon {
	background: rgb(100, 213, 114);
}

.grid-con-2 .grid-num {
	color: rgb(100, 213, 114);
}

.grid-con-3 .grid-con-icon {
background: rgb(242, 94, 67);
}

.grid-con-3 .grid-num {
color: rgb(242, 94, 67);
}

.grid-con-4 .grid-con-icon {
	background: rgb(213, 160, 100);
}

.grid-con-4 .grid-num {
	color: rgb(213, 160, 100);
}

.user-info {
display: flex;
align-items: center;
padding-bottom: 20px;
border-bottom: 2px solid #ccc;
margin-bottom: 20px;
}

.user-info-cont {
padding-left: 50px;
flex: 1;
font-size: 14px;
color: #999;
}

.user-info-cont div:first-child {
font-size: 30px;
color: #222;
}

.user-info-list {
font-size: 14px;
color: #999;
line-height: 25px;
}

.user-info-list span {
margin-left: 70px;
}

.mgb20 {
margin-bottom: 10px;
}

.todo-item {
font-size: 14px;
}

.todo-item-del {
text-decoration: line-through;
color: #999;
}

.schart {
width: 100%;
height: 300px;
}

.demonstration {
color: var(--el-text-color-secondary);
}

/* .el-carousel__item h3 {
color: #475669;
opacity: 0.75;
line-height: 150px;
margin: 0;
text-align: center;
}

.el-carousel__item:nth-child(2n) {
background-color: #99a9bf;
}

.el-carousel__item:nth-child(2n + 1) {
background-color: #d3dce6;
} */